import React, { Component } from 'react'
import './index.scss'

class Com extends Component {
  render () {
    return (
      <div className='readycourse'>
        <header className='readycourse_header'>
          <img src="/images/u735.png" alt="" />
          <p>课程准备</p>
        </header>
        <div className='readycourse_xinxi'>
          <div className='readycourse_xinxi_desc'>
            <p className='readycourse_xinxi_desc_p1'>语文</p>
            <p className='readycourse_xinxi_desc_p2'>第三节（10:00-10:50）</p>
            <p className='readycourse_xinxi_desc_p3'>高中部403教室</p>
            {/* 授课老师的情况 */}
            <div className='readycourse_teaching_message'>
              <img src="images/u58.png" alt="" />
              <span className='readycourse_teaching_message_name'>刘小牛</span>
            </div>
            {/* 两个背景色的地方 */}
            <div className='readycourse_img1'>
              <div className='today-teaching_img_top'>
                <img src="images/u54.png" alt="" />
              </div>
            </div>
            <div className='readycourse_img2'>
              <div className='today_teaching_img_right'>
                <img src="images/u55.png" alt="" />
              </div>
            </div>
          </div>
        </div>
        <div className='readycourse_content'>
          <ul className='readycourse_th'>
            <li>序</li>
            <li>学生姓名</li>
            <li>签到状态</li>
            <li>操作</li>
          </ul>
          <ul className='readycourse_list'>
            <li className='readycourse_list_li'>
              <span>1</span>
              <span>刘小牛</span>
              <span>未开始</span>
              <span><i>未开始</i></span>
            </li>
            <li className='readycourse_list_li'>
              <span>2</span>
              <span>刘小牛</span>
              <span>未开始</span>
              <span><i>未开始</i></span>
            </li>
            <li className='readycourse_list_li'>
              <span>2</span>
              <span>刘小牛</span>
              <span>未开始</span>
              <span><i>未开始</i></span>
            </li>
            <li className='readycourse_list_li'>
              <span>2</span>
              <span>刘小牛</span>
              <span>未开始</span>
              <span><i>未开始</i></span>
            </li>
            <li className='readycourse_list_li'>
              <span>2</span>
              <span>刘小牛</span>
              <span>未开始</span>
              <span><i>未开始</i></span>
            </li>
            <li className='readycourse_list_li'>
              <span>2</span>
              <span>刘小牛</span>
              <span>未开始</span>
              <span><i>未开始</i></span>
            </li>
            <li className='readycourse_list_li'>
              <span>2</span>
              <span>刘小牛</span>
              <span>未开始</span>
              <span><i>未开始</i></span>
            </li>
            <li className='readycourse_list_li'>
              <span>2</span>
              <span>刘小牛</span>
              <span>未开始</span>
              <span><i>未开始</i></span>
            </li>
            <li className='readycourse_list_li'>
              <span>2</span>
              <span>刘小牛</span>
              <span>未开始</span>
              <span><i>未开始</i></span>
            </li>
            <li className='readycourse_list_li'>
              <span>2</span>
              <span>刘小牛</span>
              <span>未开始</span>
              <span><i>未开始</i></span>
            </li>
            <li className='readycourse_list_li'>
              <span>2</span>
              <span>刘小牛</span>
              <span>未开始</span>
              <span><i>未开始</i></span>
            </li>
            <li className='readycourse_list_li'>
              <span>2</span>
              <span>刘小牛</span>
              <span>未开始</span>
              <span><i>未开始</i></span>
            </li>
            <li className='readycourse_list_li'>
              <span>2</span>
              <span>刘小牛</span>
              <span>未开始</span>
              <span><i>未开始</i></span>
            </li>
            <li className='readycourse_list_li'>
              <span>2</span>
              <span>刘小牛</span>
              <span>未开始</span>
              <span><i>未开始</i></span>
            </li>
            <li className='readycourse_list_li'>
              <span>2</span>
              <span>刘小牛</span>
              <span>未开始</span>
              <span><i>未开始</i></span>
            </li>
            <li className='readycourse_list_li'>
              <span>2</span>
              <span>刘小牛</span>
              <span>未开始</span>
              <span><i>未开始</i></span>
            </li>
            <li className='readycourse_list_li'>
              <span>2</span>
              <span>刘小牛</span>
              <span>未开始</span>
              <span><i>未开始</i></span>
            </li>
          </ul>
        </div>

      </div>
    )
  }
}

export default Com